import React, { useState } from 'react';
import { Button, Modal, Input, Select } from 'antd';

import Crumbs from '../../components/crumbs/index';
const { Option } = Select;
import './scss/addDiscounts.scss'
const ADiscounts = (props) => {
    const [CrumbsList] = useState([
        {
            name: '优惠管理',
        },
        {
            name: '优惠劵管理',
            url: '/add',
        },
        {
            name: '添加优惠劵',
            url: '/coupons/ADiscounts',
        }
    ]);
    function handleChange (value) {
        console.log(`selected ${value}`);
    }

    return (
        <div>
            <Crumbs CrumbsList={CrumbsList} />
            <div>
                排序
                <Input type="text" name="" id="" />
            </div>
            <div>
                优惠劵名称
                <Input type="text" name="" id="" />
            </div>
            <div>
                分类
                <Select defaultValue="请选择优惠劵分类" style={{ width: 120 }} onChange={handleChange}>
                    <Option value="满减券">满减券</Option>
                    <Option value="商品券">商品券</Option>
                    <Option value="新人券">新人券</Option>
                </Select>
            </div>
            <div>
                使用条件
                <Input type="text" name="" id="" />
            </div>
        </div>
    )
}

export default ADiscounts;